
// 通用格式
*{
    padding: 0;
    margin: 0 auto;
    max-width: 1170px;
}
body{
    margin: 0 auto;
    font-family: '微软雅黑';
}

// 清除浮动
.clear::after,.clear::before{
    content: "";
    display: table;
}
.clear::after{
    clear: both;
}
.clearfix{
    *zoom: 1;
}

// 动画
@keyframes big{
    from{
        transform: scale(1.0,1.0);
    }
    to{
        transform: scale(1.1,1.1);
    }
}

// banner
.banner{
    background-color: #53a46c;
    margin: 0 auto;
    width: 100%; 
    height: 2.6667rem;
    position: relative;
    overflow: hidden;
    h1{
        margin-top: .5rem;
        font-size: 0.85rem;
        color: white;
        text-align: center;
    }
    h2{
        margin-top: .23rem;
        text-align: center;
        color: white;
        font-weight: 100;
        font-size: .35rem;
    }
}

// main
.main{
    width: 100%;
    height: 18rem;
    background-color: #53a46c;
    .mainContainer{
        height: 10.5094rem;
        width: 8.547rem;
        background-color: white;
        border-radius: .2991rem;
        overflow: hidden;
        .header{
            background-color: #d9ece1;
            height: .4274rem;
            width: 100%;
            .content{
                font-weight: bold;
                height: .8547rem;
                line-height: .8547rem;
                text-align: center;
                width: 5.5556rem;
                background-color: #d9ece1;
                border-radius: .5128rem;
                color: #56a56f;
                font-size: .3504rem;
            }
        }
        .phoneNum{
            font-size: .2991rem;
            text-align: center;
            font-size: .3846rem;
            margin-top: .8547rem;
            color: #46464b;
            font-weight: bold;
        }
        .time{
            font-size: .4701rem;
            color: #94949d;
            font-weight: 550;
            text-align: center;
            margin-top: .5983rem;
        }
        .up{
            width: 7.6923rem;
            height: 5.4701rem;
            border-bottom: .0256rem solid #e4e4e4;
            img{
                height: 3.906rem;
                margin: .6838rem;
                margin-left: 1.7094rem;
                animation: big 0.75s linear 0s infinite alternate;
            }
        }
        .where{
            width: 7.6923rem; 
            font-size: .4274rem;
            padding-top: .3846rem;
            font-weight: bold;
            span{
                font-weight: normal;
                color: #94949d;
            }
        }
    }
}


//fixed
.fixed{
    background-color: white;
    height: 1.4957rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    img{
        width: 10rem;
    }
}

//footer

.footer{
    width: 100%;
    img{
        width: 100%;
    }
    .footerContent{
        margin-top: .2137rem;
        font-size: .2564rem;
        color: white;
        width: 8.547rem;
        line-height: .5128rem;
        text-align: center;
    }
    .support{
        text-align: center;
        color: white;
        width: 8.547rem;
        font-size: .3846rem;
        margin-top: .4274rem;
    }
    .supportPhone{
        margin-top: .5983rem;
        text-align: center;
        font-size: .3846rem;
        color: white;
    }
    .supportContainer{
        display: flex;
        align-items: center;
        width: 8.547rem;
        div{
            flex: 0 1 auto;
            img{
                float: left;
                width:1.3675rem;
            }
            div{
                margin-left: .0455rem;
                float: left;
                h5,p{
                    text-align: center;
                    color: white;
                }
                h5{
                    font-weight: normal;
                    font-size: .1986rem;
                }
            }
        }
        div:last-child{
            img{
                margin-top: .1282rem;
            }
        }
        div:first-child{
            h5,p{
                color: white;
                float: left;
            }
            h5{
                margin-right: .0855rem;
                font-size: .188rem;
                border-bottom: .0342rem solid white;
            }
            p{
                font-size: .2265rem;
            }
        }
    }
}